本文へスキップ
HELLO!
HIGASHIYUKI®.COM
0   /   100

ミニマルでモダンなソフトGUIオブジェクトのCSSコードを生成するウェブアプリケーション Mo®ph. を制作公開。

ニューモーフィズムシミュレーター「モーフ」のキービジュアル
Start Reading

立体的でミニマルな美しいGUIオブジェクトをスライダー操作だけで簡単に生成できるウェブアプリを無料公開!

スライダーの直感的な操作とニューモーフィズムデザインが特徴的なUX/UI設計のウェブアプリケーションを制作しました。

「Morph - モーフ」は、絶妙な光と影のコントラストを使って奥行きのある錯覚を作り出すことで、柔らかい質感とソリッドな立体感が融合した独特なビジュアルを生成できます。

ニューモーフィズムシミュレーター「モーフ」のキービジュアル
淡いグレーの面に浮き彫りのボタンを配した「Mo®ph.」のGUI生成画面
「Mo®ph.」の操作画面。色・サイズ・角丸などのスライダーとCSS出力を表示
淡いグレーの面に浮かぶ円形の立体オブジェクトを生成した「Mo®ph.」の画面
水色を基調に浮き彫りの角丸オブジェクトを生成した「Mo®ph.」の画面
赤紫を基調に沈み込む角丸オブジェクトを生成した「Mo®ph.」の画面
黄緑を基調に浮き彫りのオブジェクトを生成した「Mo®ph.」の画面
黄色を基調にした「Mo®ph.」の操作画面。カラーパレットとスライダーを大きく表示
白い台に置いたモニターに紫の「Mo®ph.」の画面を表示した構成

コーダー/プログラマーさんはもちろん、生成されるオブジェクトからインスピレーションを得られるかも?とお考えのグラフィックデザイナーさんやクライアントの皆さまにもご利用いただけると嬉しいです。

Mo®ph. の詳細とアプリのご利用はこちら。

ニューモーフィズムシミュレーター「モーフ」のキービジュアル

CSS Soft GUI Object Generator. ニューモーフィズムシミュレーター「Morph - モーフ」 Designed and Developed by HIGASHIYUKI®